iT邦幫忙

2021 iThome 鐵人賽

DAY 22
0
自我挑戰組

從新手開始TypeScript系列 第 22

Day22-TypeScript(TS)的函式(Function) Part2

  • 分享至 

  • xImage
  •  

昨天講的將函式(Function)加入型別相信大家都了解了,
今天就帶大家來看看**完整函式型別(Whole Function Type)**吧。

在TypeScript(TS)中,可以為函式定義型別:函式型別(Function Types)。

有了函式型別後,多了幾項的優點,如下,

  1. 增加程式的可讀性
  2. 讓開發工具易於進行參數及回傳值的型別檢查

另外,
完整函式型別(Whole Function Type)包含了兩個必要項目,

  • 參數型別(parameter type):未指定型別的話,隱含為any
  • 回傳值型別(return) type):若無回傳值,應使用void關鍵字來表示。

那麼我們就將昨天的範例改成完整函式型別來說明吧。
怕跳太快,我們一步一步來,
首先來看看昨天的函式,

function add(x: number, y: number): number {
    return x + y;
}

接著將函式定義改寫。

let add = function (x: number, y: number): number {
    return x + y;
}

然後改寫為箭頭函式及完整函式型別。

let add: (i: number, j: number) => number =
// 函式名稱 : ( 傳入參數 : 傳入參數型別 ) => 回傳值型別

    function (x: number, y: number): number {
          // ( 傳入參數 : 傳入參數型別 ) : 回傳值型別

        return x + y;
    }

如上範例,那麼add函式的函式型別就是 (i: number, j: number) => number
另外參數名稱用於增加可讀性,是可以自訂的。

今日結語

今天講解又更深一點TS的函式,
希望大家也更了解一些了,
那麼大家也還是加油喔。


上一篇
Day21-TypeScript(TS)的函式(Function) Part1
下一篇
Day23-TypeScript(TS)函式(Function)的選擇性參數(Optional Parameter)
系列文
從新手開始TypeScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言